
#hb_relevant {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 4vw 4vw 4vw 1vw;
}

#hb_relevant .time {
	width: calc(158 / 750 * 100vw);
	height: calc(55 / 750 * 100vw);
	background: url('../img/time.png') 50% 50% no-repeat;
	background-size: cover;
	position: relative;
	
}

#hb_relevant .time span {
	color: #ffca00;
	font-size: calc(27 / 750 * 100vw);
	line-height: calc(55 / 750 * 100vw);
	text-align: center;
	width: 70%;
	display: block;
	position: absolute;
	right: 0;
}

#hb_relevant .rule {
	border: 0.4vw solid #4bb2fa;
    border-radius: 2vw;
    height: calc(53 / 750 * 100vw);
    width: 45%;
    display: inline-block;
    color: #4bb2fa;
    text-align: center;
	font-size: calc(30 / 750 * 100vw);
	line-height: calc(53 / 750 * 100vw - 0.8vw);
}